<h2>
		 论坛布局	</h2>
	<div class="codeView bs-docs-example ">
		  	<div class="well ">
		    	<table class="table table-striped table-forum ">
		        	<thead>
		<tr>
		                	<th colspan="2"> 
    	介绍    </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:100px;"> 
    	     	主题         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:100px;"> 
    	     	回复         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:200px;"> 
    	     	最后回复         </th>
        		</tr>
	</thead>
        	<tbody>
		            	<tr>
		            	 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-globe">
			</i>
    		</td>
            			<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            您好，欢迎来到Tiny框架技术论坛!                        	</a>
                        	<small>
		您可以在这里自行自我介绍    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-microphone">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            新闻及通告                        	</a>
                        	<small>
		最新的新闻和报告    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		               	 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-pencil">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            论坛规则                         	</a>
                        	<small>
		请在发表文章之前仔细阅读    </small>
                    	</h4>
    	</td>
               					<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
        	</tbody>
    	</table>

    	<table class="table table-striped table-forum ">
		       	<thead>
		<tr>
		                	<th colspan="2"> 
    	项目    </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:100px;"> 
    	     	主题         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:100px;"> 
    	     	回复         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width:200px;"> 
    	     	最后回复         </th>
        		</tr>
	</thead>
        	<tbody>
		            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-table">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            业务需求说明书                        	</a>
                        	<small>
		这是业务需求说明书，欢迎阅读    </small>
                    	</h4>
    	</td>
               					<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-bar-chart-o">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                             项目讨论                        	</a>
                        	<small>
		在这里发表所有关于项目的贴子    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-user">
			</i>
    		</td>
               		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            客户                        	</a>
                        	<small>
		客户讨论专区    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-dollar">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            预算会议                        	</a>
                        	<small>
		项目预算讨论区    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>

        	</tbody>
    	</table>

    	<table class="table table-striped table-forum ">
		        	<thead>
		<tr>
		                	<th colspan="2"> 
    	技术支持     </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width: 100px;"> 
    	     	主题         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width: 100px;"> 
    	     	回复         </th>
                     	<th class="text-c hidden-xs hidden-sm" style="width: 200px;"> 
    	     	最后回复         </th>
        		</tr>
	</thead>
        	<tbody>
		            	<tr>
		                			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-book">
			</i>
    		</td>
               		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                             如何...                        	</a>
                        	<small>
		这里有一些关于Tiny的基础知识    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-question-circle">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            提问及FAQ                        	</a>
                        	<small>
		这里可以提问或查看常见问题解答    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
            	<tr>
		                 			<td class="text-c " style="width:40px;">
				          	<i class="fa fa-2x text-muted fa-user-md">
			</i>
    		</td>
                		<td class=" ">
		                    	<h4>
		                        	<a href="/../page/forum-topic.page">
		                            用户指南                        	</a>
                        	<small>
		这里是关于Tiny框架的用户指南    </small>
                    	</h4>
    	</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">431</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						         <a href="javascript:void(0);">1342</a>
    			</td>
                				<td class="text-c hidden-xs hidden-sm">
						由	<a href="javascript:void(0);">
		悠悠然然	</a>
          <br>
          	<small><i>
		2015年05月18日	</i></small>
    			</td>
                </tr>
        	</tbody>
    	</table>
    </div>
	</div>

		<h3>
		组件包	</h3>
	<pre class="prettyprint linenums"><span class="Huialert-danger">以上组件依赖org.tinygroup.forum包即可</span></pre>
